.chart-box{
  width:100%;
  height:100%;
  margin-top:54px;
  box-sizing:border-box;
  margin-bottom:10px;
}
.chart-item{
  width:100%;
  overflow:hidden;
  height:100%;
  box-sizing:border-box;
  padding:10px 30px;
  position:relative;
}
.item-box-left{
  float:left;
  box-sizing:border-box;
  margin-right:10px;
  background:#1B2B44;
  height:100%;
}
.item-box-right{
  float:left;
  box-sizing:border-box;
  background:#1B2B44;
  margin-left:10px;
  height:100%;
}
.chart-type1{
  margin:0 auto;
}
/*头部面包屑样式*/
.nav-top {
  height: 44px;
  line-height: 44px;
  background: #1e2247;
  overflow: auto;
  position: fixed;
  top: 70px;
  z-index: 101;
}

.nav-top-title {
  float: left;
  font-size: 18px;
  color: #fff;
  line-height: 34px;
  height: 34px;
  border-left: solid 2px #2b9ff6;
  padding-left: 15px;
  margin-top: 5px;
}
.nav-top-item-box{
  width:700px;
  overflow:hidden;
  position:relative;
  height:44px;
  float:left;
}
.nav-top-item-container{
  width:1310px;
  position:absolute;
  top:0;
  left:30px;
  z-index:2;
  overflow:hidden;
}
.nav-top-item {
  float:left;
  font-size: 16px;
  color: #64657a;
  margin: 0 5px;
  cursor: pointer;
  width:150px;
  text-align: center;
  line-height:36px;
  margin-top:4px;
  border-radius:5px;
}
.nav-top-item-active{
  background:#0f80ce;
  color:#fff;
}
.nav-top-item:hover{
  background:#0f80ce;
  color:#fff;
}
.nav-top-container {
  height: 44px;
  overflow-y: auto;
}
.nav-top-item-box span{
  height:44px;
  line-height:44px;
  width:30px;
  position:absolute;
  z-index:3;
  top:0;
  font-size:16px;
  color:#64657a;
  background:#1e2247;
  cursor:pointer;
}
.nav-top-item-box span:hover{
  color:#fff;
}
.prev-btn{
  left:0;
  text-align:right;
}
.next-btn{
  right:0;
  text-align:left;
}
